﻿<!DOCTYPE html>
<!-- Copyright © Microsoft Corporation. All rights reserved. -->
<html>
	<head>
		<meta charset="utf-8" />
		<title>Costruisci il tuo Mistero</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport">
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		<link href="css/default.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/fonts.css" rel="stylesheet" type="text/css" media="all" />
		<link href="ic_launcher-web.png" rel="shortcut icon" />
		<link rel="icon" type="image/png" href="images/icons/ic_launcher-web.png" />

	</head>
	<body onload="init()" class="portfolio-wrapper portfolio">
		<script type="text/javascript" src="script/interfacciaTestuale.js"></script>
		<script type="text/javascript" src="script/melonJS-0.9.6.js"></script>
		<script type="text/javascript" src="script/entities.js"></script>
		<script type="text/javascript" src="script/game.js"></script>
		<script type="text/javascript" src="script/GameLogic.js"></script>
		<script>
			(function(i, s, o, g, r, a, m) {
				i['GoogleAnalyticsObject'] = r;
				i[r] = i[r] ||
				function() {
					(i[r].q = i[r].q || []).push(arguments);
				}, i[r].l = 1 * new Date();
				a = s.createElement(o), m = s.getElementsByTagName(o)[0];
				a.async = 1;
				a.src = g;
				m.parentNode.insertBefore(a, m);
			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

			ga('create', 'UA-48641254-1', 'altervista.org');
			ga('send', 'pageview');

		</script>
		<div id="info" class="container">
			<div id="jsapp" class="mappa">
				<span id="framecounter" style="position: absolute; font-size: 10px; font-family: Courier New; color: #FFFFFF">(0/0 fps)</span>
			</div>
			<div id="divTabella" class="frame" >
				<div id="orario">
					<table>
						<tr>
							<td><img src="./images/blank3232.jpg" id="calendario"/></td>
							<td><img class="orologio" src="./images/icons/ore8.png" id="orologio"/></td>
							<td>
							<input class = "bottoneRiposo" type="button" id="Riposa" >
							</td>
							<td>
							<table class="helpbuttons">
								<tr>
									<td><img class="utente siSuMobile" src="./images/provider.png" /><a href="istruzioni.html" class="button small noSuMobile" target="_blank">&nbsp;&nbsp;Aiuto&nbsp;&nbsp;</a></td>
								</tr>
								<tr>
									<td><a href="legenda.html" class="button small noSuMobile"  target="_blank">legenda</a></td>
								</tr>
							</table></td>
						</tr>
					</table>
				</div>
				<div id="barre" class="Attributi">
				<img src="./images/forza.png" title="Forza"/>
				<span id="nForza">0</span>
				<img src="./images/lighting.png" title="Energia"/>
				<span id="nEnergia">0</span>
				<img src="./images/amici.png" title="Amici"/>
				<span id="nAmici">0</span>
				<img src="./images/materiali.png" title="Materiale"/>
				<span id="nMateriale">0</span>
				<img src="./images/coins.png" title="Monete"/>
				<span id="nSoldi">0</span>
				</div>
				<div id="indGrandezza" class="indGrandezza Attributi">
				<img src="./images/grandezza.png" title="Grandezza" id="iconaGrandezza"/>
				</div>
				<div id="azioni" class="azioni">
				<h1 id="titleAzione"> Benvenuto a Procida! </h1>
				<p id="messaggio"> </p>
				<input id="conferma" class="button invisibile" type="button" value="Conferma" title="Conferma"/>
				</div>
				<table><tr><td>
				<div id="inventario" class="Inventario">
				<img src="./images/sfondoOggetto.png" id="img1"/>
				<img src="./images/sfondoOggetto.png" id="img2"/>
				<img src="./images/sfondoOggetto.png" id="img3"/>
				<img src="./images/sfondoOggetto.png" id="img4"/>
				<img src="./images/sfondoOggetto.png" id="img5"/>
				<img src="./images/sfondoOggetto.png" id="img6"/>
				<br />
				<img src="./images/sfondoOggetto.png" id="img7"/>
				<img src="./images/sfondoOggetto.png" id="img8"/>
				<img src="./images/sfondoOggetto.png" id="img9"/>
				<img src="./images/sfondoOggetto.png" id="img10"/>
				<img src="./images/sfondoOggetto.png" id="img11"/>
				<img src="./images/sfondoOggetto.png" id="img12"/>
				<br />
				<img src="./images/sfondoOggetto.png" id="img13"/>
				<img src="./images/sfondoOggetto.png" id="img14"/>
				<img src="./images/sfondoOggetto.png" id="img15"/>
				<img src="./images/sfondoOggetto.png" id="img16"/>
				<img src="./images/sfondoOggetto.png" id="img17"/>
				<img src="./images/sfondoOggetto.png" id="img18"/>
				</div>
				</td></tr></table>

			</div>
		</div>

		<form id="formTabella" style="display:none">
			<input type="button" id="Riposo" value="Riposo" style="width: 140px; ">
			<input type="button" id="GiornoAlMistero" value="Lavora Al Mistero" style="width: 140px; ">
			<input type="button" id="Nottata" value="Nottata al Mistero" style="width: 140px; ">
			<input type="button" id="Lavoro" value="Lavoro" style="width: 140px; ">
			<input type="button" id="Comune" value="Comune" style="width: 140px; "/>
			<input type="button" id="CercaPortone" value="Cerca un Portone" style="width: 140px; ">
			<input type="button" id="Pittore" value="Pittore" style="width: 140px; ">
			<input type="button" id="Scultore" value="Scultore" style="width: 140px; ">
			<input type="button" id="CasaDelProfessore" value="Casa Del Professore" style="width: 140px; ">
			<input type="button" id="MostraDeiMisteri" value="Mostra Dei Misteri" style="width: 140px; ">
			<input type="button" id="Abbazia" value="Abbazia" style="width: 140px; ">
			<input type="button" id="Bar" value="Bar" style="width: 140px; ">
			<input type="button" id="Palestra" value="Palestra" style="width: 140px;"/>
			<input type="button" id="Ferramenta" value="Ferramenta" style="width: 140px; "/>
			<input type="button" id="Alimentari" value="Alimentari" style="width: 140px; ">
			<input type="button" id="Pesca" value="Vai a Pescare" style="width: 140px; ">
			<input type="button" id="Porto" value="Porto" style="width: 140px; ">
			<input type="button" id="Vivara" value="Vivara" style="width: 140px; ">
			<input type="button" id="Orto" value="Orto" style="width: 140px; ">
			<input type="button" id="Fioraio" value="Fioraio" style="width: 140px; ">
			<input type="button" id="Congrega" value="Congrega" style="width: 140px; ">
			Soldi
			<input type="text" id="Soldi" value="0" style="width: 30px; "/>
			Forza
			<input type="text" id="Forza" value="1" style="width: 30px; "/>
			Energia
			<input type="text" id="Energia" value="100" style="width: 30px; "/>
			Amici
			<input type="text" id="Amici" value="0" style="width: 30px; "/>
			Grandezza
			<input type="text" id="Grandezza" value="0" style="width: 30px; "/>
			Ingegneria
			<input type="text" id="Ingegneria" value="0" style="width: 30px; "/>
			Dipinti
			<input type="text" id="Dipinti" value="0" style="width: 30px; "/>
			Statue
			<input type="text" id="Statue" value="0" style="width: 30px; "/>
			Teologia
			<input type="text" id="Teologia" value="0" style="width: 30px; "/>
			Numero
			<input type="text" id="Numero" value="0" style="width: 30px; "/>
			Tendone
			<input type="text" id="Tendone" value="0" style="width: 30px; "/>
			Portone
			<input type="text" id="Portone" value="0" style="width: 30px; "/>
			Cibo
			<input type="text" id="Cibo" value="0" style="width: 30px; "/>
			Pesci
			<input type="text" id="Pesci" value="0" style="width: 30px; "/>
			Animali
			<input type="text" id="Animali" value="0" style="width: 30px; "/>
			Piante
			<input type="text" id="Piante" value="0" style="width: 30px; "/>
			Materiale
			<input type="text" id="Materiale" value="0" style="width: 30px; "/>
			Permesso Vivara
			<input type="text" id="PermessoVivara" value="0" style="width: 30px; "/>

			<br>
			Giorno della settimana
			<input type="text" id="GiornoSettimana" value="Lunedi" style="width: 88px; "/>
			Ora
			<input type="text" id="OraGiorno" value="0" style="width: 30px; "/>
			Ore fino alla processione
			<input type="text" id="OreRimaste" value="0" style="width: 30px; "/>
			<br>
			Leggerezza
			<input type="text" id="Leggerezza" value="0" style="width: 30px; "/>
			Bellezza
			<input type="text" id="Bellezza" value="0" style="width: 30px; "/>
			Robustezza
			<input type="text" id="Robustezza" value="0" style="width: 30px; "/>
			Ricchezza
			<input type="text" id="Ricchezza" value="0" style="width: 30px; "/>
			<p>
				<textarea id="Messaggio" value=" " style="width: 773px; "> </textarea>
			<p>
				Imprevisto: 				<textarea id="Imprevisto" value=" " style="width: 773px; "> </textarea>
				Log: 				<textarea id="Log" value=" " style="width: 773px; height: 183px" > </textarea>
			</p>
			<input type="button" id="audio" value="Audio" onclick="setAudio()"/>
		</form>
	</body>
</html>